<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>仿小米商城</title>
<link rel="stylesheet" href="css/xiaomi.css" type="text/css"/>
</head>
<body>
    <div class="top-nav">
        <div class="wrap">
            <ul class="left">
                <li><a href="javascript:void(0)">大米网</a></li>
                <li><span>|</span></li>
                <li><a href="javascript:void(0)">MIUI</a></li>
                <li><span>|</span></li>
                <li><a href="javascript:void(0)">米聊</a></li>
                <li><span>|</span></li>
                <li><a href="javascript:void(0)">游戏</a></li>
                <li><span>|</span></li>
                <li><a href="javascript:void(0)">多看阅读</a></li>
                <li><span>|</span></li>
                <li><a href="javascript:void(0)">云服务</a></li>
                <li><span>|</span></li>
                <li><a href="javascript:void(0)">大米移动版</a></li>
                <li><span>|</span></li>
                <li><a href="javascript:void(0)">问题反馈</a></li>
                <li><span>|</span></li>
                <li><a href="javascript:void(0)">Select Region</a></li>
            </ul>
            <ul class="right">
                <li><a href="javascript:void(0)">登录</a></li>
                <li><span>|</span></li>
                <li><a href="javascript:void(0)">注册</a></li>
                <li class="cart">
                    <a href="javascript:void(0)">购物车（0）</a>
                    <div id="cart-div">购物车中还没有商品，赶紧选购吧！</div>
                </li>
            </ul>
        </div>
    </div>

    <div class="wrap">
        <div class="main-nav">
            <div class="left">
                <a href="javascript:void(0)">
                    <img src="image/xiaomi_logo.png"/>
                </a>
            </div>
            <ul class="left">
                <li>
                    <a href="javascript:void(0)">大米手机</a>
                    <div class="dropdown-menu">111111111111111111111111111111</div>
                </li>
                <li>
                    <a href="javascript:void(0)">红米</a>
                    <div class="dropdown-menu">222222222222222222222222222222</div>
                </li>
                <li>
                    <a href="javascript:void(0)">平板</a>
                    <div class="dropdown-menu">333333333333333333333333333333333</div>
                </li>
                <li>
                    <a href="javascript:void(0)">电视</a>
                    <div class="dropdown-menu">444444444444444444444444444444444</div>
                </li>
                <li>
                    <a href="javascript:void(0)">盒子</a>
                    <div class="dropdown-menu">55555555555555555555555555555555555</div>
                </li>
                <li>
                    <a href="javascript:void(0)">路由器</a>
                    <div class="dropdown-menu">66666666666666666666666666666666666</div>
                </li>
                <li>
                    <a href="javascript:void(0)">智能硬件</a>
                    <div class="dropdown-menu">77777777777777777777777777777777777</div>
                </li>
                <li>
                    <a href="javascript:void(0)">服务</a>
                </li>
                <li>
                    <a href="javascript:void(0)">社区</a>
                </li>
            </ul>
            <div class="right"><input type="text"/><button>GO</button></div>
        </div>

        <div class="banner">
            <div class="pic">
                <a href="javascript:void(0)">
                    <img src="image/T1hiDvBvVv1RXrhCrK.jpg"/>
                    <img src="image/T1jrxjB_VT1RXrhCrK.jpg"/>
                    <img src="image/T1oTJjBKKT1RXrhCrK.jpg"/>
                    <img src="image/T1vWdTBKDv1RXrhCrK.jpg"/>
                    <img src="image/T1RICjB7DT1RXrhCrK.jpg"/>
                </a>

                <div class="left-button">
                    <a href="javascript:void(0)">&lt;</a>
                </div>

                <div class="right-button">
                    <a href="javascript:void(0)">&gt;</a>
                </div>

                <ul class="page-turning">
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <div class="menu">
                <ul>
                    <li>
                        <a href="javascript:void(0)">手机&nbsp;&nbsp;&nbsp;&nbsp;平板</a>
                        <span>&gt;</span>
                        <div class="dropright-menu">1</div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">电视&nbsp;&nbsp;&nbsp;&nbsp;盒子</a>
                        <span>&gt;</span>
                        <div class="dropright-menu">2</div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">路由器&nbsp;&nbsp;&nbsp;&nbsp;智能配件</a>
                        <span>&gt;</span>
                        <div class="dropright-menu">3</div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">移动电源&nbsp;&nbsp;&nbsp;&nbsp;插线板</a>
                        <span>&gt;</span>
                        <div class="dropright-menu">4</div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">耳机&nbsp;&nbsp;&nbsp;&nbsp;音箱</a>
                        <span>&gt;</span>
                        <div class="dropright-menu">5</div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">电池&nbsp;&nbsp;&nbsp;&nbsp;存储卡</a>
                        <span>&gt;</span>
                        <div class="dropright-menu">6</div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">保护套&nbsp;&nbsp;&nbsp;&nbsp;后盖</a>
                        <span>&gt;</span>
                        <div class="dropright-menu">7</div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">贴膜&nbsp;&nbsp;&nbsp;&nbsp;其它配件</a>
                        <span>&gt;</span>
                        <div class="dropright-menu">8</div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">米兔&nbsp;&nbsp;&nbsp;&nbsp;服装</a>
                        <span>&gt;</span>
                        <div class="dropright-menu">9</div>
                    </li>
                    <li>
                        <a href="javascript:void(0)">背包&nbsp;&nbsp;&nbsp;&nbsp;其它周边</a>
                        <span>&gt;</span>
                        <div class="dropright-menu">10</div>
                    </li>
                </ul>
            </div>
        </div>

        <div class="container1">
            <ul>
                <li class="first-li">
                    <a href="javascript:void(0)">START<br />开房购买</a>
                </li>
                <li class="second-li">
                    <a href="javascript:void(0)">GROUND<br />企业团购</a>
                </li>
                <li class="third-li">
                    <a href="javascript:void(0)">RETROFIT<br />官方产品</a>
                </li>
                <li class="forth-li">
                    <a href="javascript:void(0)">CHANNEL<br />F码通道</a>
                </li>
                <li class="fifth-li">
                    <a href="javascript:void(0)">RECHARGE<br />话费充值</a>
                </li>
                <li class="sixth-li">
                    <a href="javascript:void(0)">SECURITY<br />防伪检查</a>
                </li>
            </ul>
            <div class="right">
                <a href="javascript:void(0)">
                    <img src="image/T1mahQBmKT1RXrhCrK.jpg"/>
                </a>
            </div>
            <div class="right">
                <a href="javascript:void(0)">
                    <img src="image/T1yvd_BQDT1RXrhCrK.jpg"/>
                </a>
            </div>
            <div class="right">
                <a href="javascript:void(0)">
                    <img src="image/T184E_BQWT1RXrhCrK.jpg"/>
                </a>
            </div>
        </div>

        <div class="container2">
            <h2>大米明星单品<p class="right"><a href="javascript:void(0)">&lt;</a><a href="javascript:void(0)">&gt;</a></p></h2>
            <div class="first-div left">
                <a href="javascript:void(0)">
                    <img src="image/T1riKjB7VT1RXrhCrK.jpg"/>
                    <p>大米电视2/2S 全系列</p>
                    <span>40/48/49/55英寸 现货购买</span>
                </a>
            </div>
            <div class="second-div left">
                <a href="javascript:void(0)">
                    <img src="image/T19AbjBCDT1RXrhCrK.jpg"/>
                    <p>大米平板</p>
                    <span>全球首款 NVIDIA Tegra K1 平板</span>
                </a>
            </div>
            <div class="third-div left">
                <a href="javascript:void(0)">
                    <img src="image/T1meZjBCAT1RXrhCrK.jpg"/>
                    <p>大米盒子增强版 1G</p>
                    <span>首款4K超高清网络机顶盒</span>
                </a>
            </div>
            <div class="forth-div left">
                <a href="javascript:void(0)">
                    <img src="image/T1tsEgB7DT1RXrhCrK.jpg"/>
                    <p>全新大米路由器</p>
                    <span>顶配路由器，企业级性能</span>
                </a>
            </div>
            <div class="fifth-div left">
                <a href="javascript:void(0)">
                    <img src="image/T10TJjB5hT1RXrhCrK.jpg"/>
                    <p>大米头戴式耳机</p>
                    <span>媲美主流千元级头戴耳机</span>
                </a>
            </div>
        </div>
    </div>

    <div class="container3">
        <div class="wrap">
            <h2>智能硬件</h2>
            <div class="first-div left">
                <a href="javascript:void(0)">
                    <img src="image/T1IhLjBC_T1RXrhCrK.jpg"/>
                </a>
            </div>
            <div class="other-div left">
                <a href="javascript:void(0)">
                    <img src="image/T1odEjB5bT1RXrhCrK.jpg"/>
                    <p>大米智能家庭套装</p>
                    <h4>3分钟快速安装，30多种智能玩法</h4>
                    <span>199元</span>
                </a>
            </div>
            <div class="other-div left">
                <a href="javascript:void(0)">
                    <img src="image/T1JKxvBXhv1RXrhCrK.jpg"/>
                    <p>大米随身WIFI 8GB U盘版</p>
                    <h4>随身上网神器，内置8GB U盘</h4>
                    <span>49.9元</span>
                </a>
            </div>
            <div class="other-div left">
                <a href="javascript:void(0)">
                    <img src="image/T18yZQBCET1RXrhCrK.jpg"/>
                    <p>小蚁智能摄像机</p>
                    <h4>能看能听能说，手机远程观看</h4>
                    <span>149元</span>
                </a>
            </div>
            <div class="other-div left">
                <a href="javascript:void(0)">
                    <img src="image/T1YoZQByYT1RXrhCrK.jpg"/>
                    <p>大米体重称</p>
                    <h4>高精度压力传感器 ｜ 手机管理全家健康</h4>
                    <span>99元</span>
                </a>
            </div>
            <div class="other-div left bottom-div">
                <a href="javascript:void(0)">
                    <img src="image/T16nVjBCKT1RXrhCrK.jpg"/>
                    <p>小蚁运动机</p>
                    <h4>边玩边录边拍，手机随时分享</h4>
                    <span>399元</span>
                </a>
            </div>
            <div class="other-div left bottom-div">
                <a href="javascript:void(0)">
                    <img src="image/T18zWQB4WT1RXrhCrK.jpg"/>
                    <p>大米路由器 mini</p>
                    <h4>主流双频AC智能路由器，性价比之王</h4>
                    <span>129元</span>
                </a>
            </div>
            <div class="other-div left bottom-div">
                <a href="javascript:void(0)">
                    <img src="image/T1oixjB5bT1RXrhCrK.jpg"/>
                    <p>大米智能插座</p>
                    <h4>手机远程遥控开关，带USB接口</h4>
                    <span>59元</span>
                </a>
            </div>
            <div class="other-div left bottom-div">
                <a href="javascript:void(0)">
                    <img src="image/T1KzbQBvbT1RXrhCrK.jpg"/>
                    <p>大米水质TDS检测笔</p>
                    <h4>准确检测家中水质纯度</h4>
                    <span>39元</span>
                </a>
            </div>
        </div>
    </div>

    <div class="wrap">
        <div class="footer">
            <div class="first-footer">
                <a href="javascript:void(0)">1小时快修服务</a>
                <span>|</span>
                <a href="javascript:void(0)">7天无理由退货</a>
                <span>|</span>
                <a href="javascript:void(0)">15天免费换货</a>
                <span>|</span>
                <a href="javascript:void(0)">满150元包邮</a>
                <span>|</span>
                <a href="javascript:void(0)">520余家售后网点</a>
            </div>
            <div class="second-footer">
                <ul class="first-ul left">
                    <li class="first-li"><a href="javascript:void(0)">帮助中心</a></li>
                    <li class="other-li"><a href="javascript:void(0)">购物指南</a></li>
                    <li class="other-li"><a href="javascript:void(0)">支付方式</a></li>
                    <li class="other-li"><a href="javascript:void(0)">配送方式</a></li>
                </ul>
                <ul class="other-ul left">
                    <li class="first-li"><a href="javascript:void(0)">服务支持</a></li>
                    <li class="other-li"><a href="javascript:void(0)">售后政策</a></li>
                    <li class="other-li"><a href="javascript:void(0)">自助服务</a></li>
                    <li class="other-li"><a href="javascript:void(0)">相关下载</a></li>
                </ul>
                <ul class="other-ul left">
                    <li class="first-li"><a href="javascript:void(0)">大米之家</a></li>
                    <li class="other-li"><a href="javascript:void(0)">大米之家</a></li>
                    <li class="other-li"><a href="javascript:void(0)">服务网点</a></li>
                    <li class="other-li"><a href="javascript:void(0)">预约亲临到店服务</a></li>
                </ul>
                <ul class="other-ul left">
                    <li class="first-li"><a href="javascript:void(0)">关注我们</a></li>
                    <li class="other-li"><a href="javascript:void(0)">新浪微博</a></li>
                    <li class="other-li"><a href="javascript:void(0)">大米部落</a></li>
                    <li class="other-li"><a href="javascript:void(0)">官方微信</a></li>
                </ul>
                <div class="right">
                    <p>400-100-5678</p>
                    <span>周一至周日 8:00-18:00 <br />（仅收市话费）</span>
                    <div class="square"><a href="javascript:void(0)">24小时在线客服</a></div>
                </div>
            </div>
            <div class="third-footer">
                <div class="left">
                    <a href="javascript:void(0)">
                        <img src="image/xiaomi_logo.png"/>
                    </a>
                </div>
                <div class="footer-bottom">
                    <a href="javascript:void(0)">大米网</a>
                    <span>|</span>
                    <a href="javascript:void(0)">MIUI</a>
                    <span>|</span>
                    <a href="javascript:void(0)">米聊</a>
                    <span>|</span>
                    <a href="javascript:void(0)">多看书城</a>
                    <span>|</span>
                    <a href="javascript:void(0)">大米路由器</a>
                    <span>|</span>
                    <a href="javascript:void(0)">大米后院</a>
                    <span>|</span>
                    <a href="javascript:void(0)">大米天猫店</a>
                    <span>|</span>
                    <a href="javascript:void(0)">大米淘宝直营店</a>
                    <span>|</span>
                    <a href="javascript:void(0)">大米网盟</a>
                    <span>|</span>
                    <a href="javascript:void(0)">问题反馈</a>
                    <span>|</span>
                    <a href="javascript:void(0)">Select Region</a>
                    <br />
                    <a href="javascript:void(0)">5555555号</a>
                </div>
            </div>
        </div>
    </div>
<script src="js/jquery.min-1.8.3.js"></script>
<script src="js/xiaomi.js"></script>
</body>
</html>